<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="com.personnel.entity.User"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css1/bootstrap.min.css"/>
		<script src="js1/jquery.min.js"></script>
		<script src="js1/bootstrap.min.js"></script>
		<style>
			
			#div2{
				background-color: papayawhip;
			}
			#div1{
				background-color: whitesmoke;
			}
			.panel-group.table-responsive a{
				width: 260px;
			}
		</style>
	
		<script>
				$(function(){
					$('#ul1 li').click(function(){
						$(this).addClass('active').siblings().removeClass('active');
					})
					
				})
		</script>
</head>
<body style="margin-bottom: 60px;">

	<div id="div1">
		<!-- 头部 -->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container-fluid" style=" padding-bottom: 0px;" >
				<div class="nav navbar-header">
					<span class="navbar-brand"><h3 style="display: inline;">
					欢迎
						<%
							User u=(User)request.getSession().getAttribute("admin");
							out.println(u.getUserName());
						%>
						登录人事管理系统———</h3>
					</span>
				</div>
				<span  class="navbar-text navbar-right "> </span>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="registered.jsp"><span class="glyphicon glyphicon-user"></span>注册</a></li>
					<li><a href="index.jsp"><span class="glyphicon glyphicon-edit"></span>重新登录</a></li>
				</ul>
			</div>
		</nav>
		<ul id="ul1" class="nav nav-tabs nav-justified" style="margin-top: 50px; margin-bottom: 10px; padding-top: 10px;">
			<li class="active"><a href="main.jsp">主页面</a></li>
			<li class=""><a href="index.jsp">退出</a></li>
			<li class=""><a href="ablout.jsp">关于我们</a></li>
		</ul>
		<!-- 头部 -->
	</div>
	
	
	<!-- 左边栏 -->
	<div class="row" >
		<div class="col col-md-3">
			<div class="panel-group table-responsive" role="tablist" style="width: 340px">
				<!-- 分组1 -->
				<div class="panel panel-primary leftMenu">
					<!-- 利用data-target指定要折叠的分组列表 -->
					<div class="panel-heading"  data-toggle="collapse" data-target="#Group1" role="tab" >
						<h4 class="panel-title">
							组织结构管理
							<span class="glyphicon glyphicon-chevron-right "></span>
						</h4>
					</div>
					<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
					<div id="Group1" class="panel-collapse collapse in " role="tabpanel" >
						<ul class="list-group">
						  <li class="list-group-item">
							<!-- 利用data-target指定URL -->
							<a class="btn btn-default" href="module1/dept.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">部门管理</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module1/post.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">岗位管理</h4>
							</a>
						  </li>
						</ul>
					</div>	
				</div>
				<!-- 分组1 -->
				<!-- 分组2 -->
				<div class="panel panel-primary leftMenu">
					<!-- 利用data-target指定要折叠的分组列表 -->
					<div class="panel-heading"  data-toggle="collapse" data-target="#Group2" role="tab" >
						<h4 class="panel-title">
							人事信息管理
							<span class="glyphicon glyphicon-chevron-right "></span>
						</h4>
					</div>
					<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
					<div id="Group2" class="panel-collapse collapse in " role="tabpanel" >
						<ul class="list-group">
						  <li class="list-group-item">
							<!-- 利用data-target指定URL -->
							<a class="btn btn-default" href="module2/personin.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">员工入职管理</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module2/workingLife.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">试 用 期 管 理 </h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module2/deptchange.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">部门调用管理</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module2/postchange.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">岗位调动管理</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module2/personout.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">员工离职管理</h4>
							</a>
						  </li>
						</ul>
					</div>	
				</div>
				<!-- 分组2 -->
				<!-- 分组3 -->
				<div class="panel panel-primary leftMenu">
					<!-- 利用data-target指定要折叠的分组列表 -->
					<div class="panel-heading"  data-toggle="collapse" data-target="#Group3" role="tab" >
						<h4 class="panel-title">
							员工信息管理
							<span class="glyphicon glyphicon-chevron-right "></span>
						</h4>
					</div>
					<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
					<div id="Group3" class="panel-collapse collapse in" role="tabpanel" >
						<ul class="list-group">
						  <li class="list-group-item">
							<!-- 利用data-target指定URL -->
							<a class="btn btn-default" href="module3/workProtect.jsp "target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">职业生涯信息维护</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module3/englishProtect.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">外语能力信息维护</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module3/socialProtect.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">家庭成员及社会关系</h4>
							</a>
						  </li>
						</ul>
					</div>	
				</div>
				<!-- 分组3-->
				<!-- 分组4 -->
				<div class="panel panel-primary leftMenu">
					<!-- 利用data-target指定要折叠的分组列表 -->
					<div class="panel-heading"  data-toggle="collapse" data-target="#Group4" role="tab" >
						<h4 class="panel-title">
							报表管理
							<span class="glyphicon glyphicon-chevron-right "></span>
						</h4>
					</div>
					<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
					<div id="Group4" class="panel-collapse collapse in " role="tabpanel" >
						<ul class="list-group">
						  <li class="list-group-item">
							<!-- 利用data-target指定URL -->
							<a class="btn btn-default" href="module4/newUserPost.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">新 聘 员 工 报 表</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module4/leaveUserPost.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">离 职 员 工 报 表</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module4/deptChangePost.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">部门调动员工报表</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module4/postChangePost.jsp"target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">岗位调动员工报表</h4>
							</a>
						  </li>
						  <li class="list-group-item">
							<a class="btn btn-default" href="module4/mothlyPost.jsp" target="con">
								<!-- <span class="glyphicon glyphicon-triangle-right"></span> -->
								<!-- span是箭头标签可以继续往下分组 -->
								<h4 style="display: inline;">人事月报</h4>
							</a>
						  </li>
						</ul>
					</div>	
				</div>
				<!-- 分组4 -->
			</div>
		</div>
		<!-- 左边栏 -->
		
		<!-- 主体-->
		<div class="col col-md-9" >
			<iframe id="iframe1" name="con" src="module1/dept.jsp" style="width: 100%; height: 700px;"></iframe>
			
		</div>
		<!-- 主体 -->
		<!-- 底部 -->
		<div id="">
			<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
				<div class="container-fluid" style=" padding-bottom: 0px;" >
					<div class="nav navbar-header">
						<span class="navbar-brand"><h3 style="display: inline;">啦啦啦啦啦</h3></span>
					</div>
					<span  class="navbar-text navbar-right "> </span>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.jsp"><span class="glyphicon glyphicon-log-out"></span>退出</a></li>
					</ul>
				</div>
			</nav>
		</div>			
	</div>
</body>
</html>